
        <!DOCTYPE html>
    <html>
        <head>
            <meta http-equiv="content-type" content="text/html; charset=utf-8" />
            <title>Название страницы</title>
            <link rel="stylesheet" href="style2.css">
        <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
        <script type="text/javascript" src="../src/data.json"></script>
        <script type="text/javascript" src="https://googledrive.com/host/0BzAso-3NQrbEQ0lkeWFHeVNfbGc/markerclusterer.js"></script>
        <script type="text/javascript">      
          if (document.location.search.indexOf('compiled') !== -1) {
            script += '_compiled';
          }
          script += '.js"><' + '/script>';
          document.write(script);
        </script>

        <script type="text/javascript">
          var markerClusterer = null; 
          function matrixArray(rows,columns){
      var arr = new Array();
      for(var i=0; i<columns; i++){
        arr[i] = new Array();
        for(var j=0; j<rows; j++){
          arr[i][j] = i+j+1;//вместо i+j+1 пишем любой наполнитель. В простейшем случае - null
        }
      }
      return arr;
    }
    var coord = matrixArray(2,5);

                coord[0][0]='56';
                coord[1][0]='60';
                coord[2][0]='56';
                coord[3][0]='56';
                coord[4][0]='49';
                coord[0][1]='37';
                coord[1][1]='30';
                coord[2][1]='37.23';
                coord[3][1]='27';
                coord[4][1]='32';


              function initialize(){ 
                var center = new google.maps.LatLng(60.4419, 37.1419);
            var map = new google.maps.Map(document.getElementById('map'), {
              zoom: 3,
              center: center,
              mapTypeId: google.maps.MapTypeId.ROADMAP
            });
            //Карта
                var infoWindow = new google.maps.InfoWindow;//новые инфоокна 
            //Функция клика на маркер
            //Открытие инфоокна
            var onMarkerClick = function() {
              var marker = this;
              var latLng = marker.getPosition();
              infoWindow.setContent('<h3>Marker position is:</h3>' +
                  latLng.lat() + ', ' + latLng.lng());

              infoWindow.open(map, marker);
            };
            //Закрытие окна 
            google.maps.event.addListener(map, 'click', function() {
              infoWindow.close();
            });   
            //Массив маркеров и их заполнение с фнкциями
            var markers = [];
            for (var i = 0; i < 5; i++) {

              var latLng = new google.maps.LatLng(coord[i][0], coord[i][1]);
              var marker = new google.maps.Marker({
                map: map,
                position: latLng,

              });
              markers.push(marker);   
              google.maps.event.addListener(markers[i], 'click', onMarkerClick);     
            }
              //Кластеризация маркеров
              markerClusterer = new MarkerClusterer(map, markers, 
                    { 
                        maxZoom: 13,
                        gridSize: 100,
                        styles: null
                    }); 
              }    
          google.maps.event.addDomListener(window, 'load', initialize);
        </script>
      </head>
      <body>
        <div id="header">
                <div id="page"><!--margin-Отступ от внешней границы-->
                <div style="margin:0 auto;">
                    <div id="Name">foss world monitor</div>
                    <div id="status">Status</div>
                    <div id="status" style="right:190px">Status</div>
                    <div id="status" style="right:60px">Status</div>
                </div>
                </div>

            </div>

            <div id="map-container"><div id="map"></div></div>
      </body>
    </html>
